<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>HTML5●●ホームページテンプレートT010(mono)●●-Service</title>
<meta name="Keywords" content="このサイトのキーワードを書いてください。サンプル,サンプル">
<meta name="Description" content="サイトの紹介文を書いてください。">
<link href="css/main.css" rel="stylesheet">
<!--[if lte IE 8]>
<script src="js/html5.js"></script>
<![endif]-->
<script src="js/main.js"></script>
</head>
<body>
<div id="container">
<header>
<h1><img src="img/logo.gif" alt=""></h1>
<nav>
<ul>
  <li><a href="index.html" title="HOME">HOME</a></li>
  <li class="nav_a"><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topics">News $ Topics</a></li>
  <li><a href="#">Blog</a></li>
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
</ul>
</nav>
</header>
<section>
<article>
<h1>サービス</h1>
<h2>h2タイトル </h2>
<div class="lay">
  <img src="img/sp1.jpg" alt="" class="lay_img_l">
  <h3>h3タイトル</h3>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
</div>
<div class="lay">
  <img src="img/sp2.jpg" alt="" class="lay_img_r">
  <h3>h3タイトル</h3>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
</div>
<div class="lay">
  <img src="img/sp3.jpg" alt="" class="lay_img_l">
  <h3>h3タイトル</h3>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト。</p>
</div>
</article>
</section>
<aside>
<a href="#"><img src="img/sample_banner.gif" alt=""></a>
<a href="#"><img src="img/sample_banner1.gif" alt=""></a>
<img src="img/icon/templateya.gif" alt="">
</aside>

</div>
<footer>
<div id="foot">
<div id="follow"> 
  <h2>Follow us</h2>
  <p>サンプルテキスト、サンプルテキスト、サンプルテキスト、サンプルテキスト 。 </p>
  <h3><a href="#"><img src="img/icon/facebook.png" alt="facebook" /></a><a href="#"><img src="img/icon/twitter.png" alt="twitter"></a><a href="#"><img src="img/icon/rss.png" alt="rss"></a></h3>
</div>
<nav>
<h2>MENU </h2>
<ul>
  <li><a href="index.html" title="HOME">HOME</a></li>
  <li><a href="service.html" title="サービス">サービス</a></li>
  <li><a href="news.html" title="News&amp;Topice">News &amp; Topics</a></li>
  <li><a href="#" title="ブログ">Blog</a></li>
  </ul>
</nav>
<nav>
<ul class="footer_sub">
  <li><a href="access.html" title="アクセスマップ">アクセスマップ</a></li>
  <li><a href="contact.html" title="お問い合わせ">お問い合わせ</a></li>
  <li><a href="sitemap.html" title="サイトマップ">サイトマップ</a></li>
  </ul>
</nav>
<div id="pr">
  <!--削除禁止ここから -->
  <p><a href="http://www.templateya.com/" title="テンプレート屋.com" target="_blank">Template by テンプレート屋.com</a></p>
  <p>&lt;PR&gt; <a href="http://www.felibe.com/" title="ホームページ制作のFelibe" target="_blank">Felibe</a></p>
  <!--削除禁止ここまで -->
</div>
<div id="copy">
  <h3>Copyright &copy; XXXXX XXXX All right reserved.</h3>
</div>
</div>
</footer>
</body>
</html>
